<template>
    <div class="layout">
        <div class="by-content">
            <router-view :d_type="type" ></router-view>
        </div>
    </div>
</template>
<script>
import Vue from 'vue';
import axios from 'axios'
import { Icon , Tabbar, TabbarItem , Tab, Tabs , Swipe, SwipeItem , Grid, GridItem ,PullRefresh ,List ,Sticky,Search ,NavBar ,GoodsAction , GoodsActionIcon, GoodsActionButton,Overlay,DropdownMenu, DropdownItem ,Popup ,Stepper} from 'vant';


Vue.use(Icon);
Vue.use(Tabbar);
Vue.use(TabbarItem);
Vue.use(Tab);
Vue.use(Tabs);
Vue.use(Swipe);
Vue.use(SwipeItem);
Vue.use(Grid);
Vue.use(GridItem);
Vue.use(PullRefresh);
Vue.use(List);
Vue.use(Sticky);
Vue.use(Search);
Vue.use(NavBar);
Vue.use(GoodsAction);
Vue.use(GoodsActionIcon);
Vue.use(GoodsActionButton);
Vue.use(DropdownMenu);
Vue.use(DropdownItem);
Vue.use(Overlay);
Vue.use(Popup);
Vue.use(Stepper);


export default {
  data() {
    return {
      active: 0,
      nav_list: [],
      status:"false",
      type:"",
      root:''
    }
    
  },
}
</script>

<style lang="stylus" scoped>
    .layout
        width 100%
        height 100%
        display flex
        flex-direction column
        .by-content
            width 100%
            // height 100%
            overflow scroll
            flex 1
       
</style>

